<template>
    <div
        class="BaseBox"
        :style="{
            background: 'linear-gradient(to ' + data.options.direction + ', ' + data.options.bgColor1 + ', ' + data.options.bgColor2 + ')',
            opacity: data.options.opacity,
            borderRadius: data.options.borderRadius+'px',
            borderWidth: data.options.borderWidth+'px',
            borderStyle: data.options.borderStyle,
            borderColor: data.options.borderColor,
            boxShadow: ''+data.options.shadowColor+' 0px 0px '+data.options.shadowSize+'px'
    }"/>
</template>
<script>
export default {
    name: 'BaseBg',
    props: {
        data: {
            type: Object
        }
    }
}
</script>

